<template>
	<view :class="{bg141414:theme}"  style="min-height: 100vh;">
		<image mode="widthFix" class="image  posiab" src="/static/tshiming.png"></image>
		<image mode="widthFix" @click="back()" class="image posiab width30 top50 left30" src="/static/back.png"></image>
		<view class="flex-ju-c">
			<image mode="widthFix" class="image posiab width440 top150" src="/static/shiming.png"></image>
		</view>
		<view class="flex-ju-c">
			<view class="con posifi bottom0 ">
				<view :class="theme?'bg292929 colorfff':'bgf5f6f7'" class="bgfff pg30   size26 " style="border-top-right-radius: 20px;border-top-left-radius: 20px;">
					<view class="flex-ju-c size30 color000">个人信息</view>
					<view class="flex-ju-b borderE1E1E1 pg40 ra20 mt50"> 
						<view>已注册手机号</view>
						<view :class="theme?'color999':'color333'">{{phone.substring(0,3)}}****{{phone.substring(7,11)}}</view>
					</view>
					<view class="flex-ju-b mt30 borderE1E1E1 pg40 ra20">
						<view>证件姓名</view>
						<view :class="theme?'color999':'color333'" style="text-align: right;">
							<input :class="theme?'bg141414 colorfff':'bgfff'" v-model="form.true_name" class="size25 ra20  wh406-73 " placeholder="请输入真实姓名" />
						</view>
					</view>
					<view class="flex-ju-b mt30 borderE1E1E1 pg40 ra20">
						<view>证件号码</view>
						<view :class="theme?'color999':'color333'" style="text-align: right;">
							<input :class="theme?'bg141414 colorfff':'bgfff'" v-model="form.idcard" class="size25 ra20  wh406-73 " placeholder="请输入身份证号" />
						</view>
					</view>
					<view :class="[kkf]" @click="taptiajiao" class="flex-ju-c height100 bg000 colorfff ra20 mt50">
						提交认证信息
					</view>
				</view>
			</view>
		</view>
	

	<uni-popup type="center"  border-radius="20px 20px" :mask-click="false" ref="mima">
		<view class="pt40 pb40 posire width610 bgfff ra20">
			<view class="flex-ju-c">
				<image mode="widthFix" src="/static/tancc.png" class="width127 posiab top-60"></image>
			</view>
			<view class="flex-ju-c size29  mb50 bold mt30">
				<view>身份认证数据授权书</view>
			</view>
		
			<view class="flex-ju-c con size24 mt40">
				您理解并同意，为了向您提供更好的产品/服务和体验，我们会将你的真实姓名、身份证号码传输给提供认证服务的第三方认证机构，并委托第三方认证机构采集你的人脸信息，对你的人脸信息进行活体检测并将你的上述身份信息向合法存有你个人信息的第三方机构(有关政府部门]传输,以实现身份信息的比对核验,从而验证你的身份。在前述过程中,我们不会存储你的人脸信息。为了确保您的信息安全，我们会要求第三方合作机构具备足够的数据安全能力并提供足够的安全保护水平。未经您的同意,我们不会将您提供的信息用于未经您明确授权的其他用途。
			</view>
			<view class="size24 mt50 con">
				<text class="color3B9DFF" >特别声明:</text> 未满十八周岁的用户将不能通过实名认证，未实名的用户不能购买、使用流转市场功能。
			</view>
			<view class="flex-ju-c flex-col mt50 ">
				<view @click="$refs.mima.close()" class="bold srgb bg000 colorfff wh530-100 ra20 flex-ju-c">继续认证</view>
				<view @click="back()" class="bold srgb wh694-100 ra100 flex-ju-c">取消</view>
			</view>
			
		</view>
	</uni-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				theme: uni.getStorageSync('theme'),
				phone: uni.getStorageSync('phone'),
				form: {
					idcard: "",
					true_name: ""
				}
			}
		},
		mounted() {
			this.$refs.mima.open()
		},
		computed: {
			kkf() {
				if(this.theme){
					return this.form.idcard && this.form.true_name ? 'srgb color000' : 'bg999 '
				}else{
					return this.form.idcard && this.form.true_name ? 'srgb colorfff' : 'bg999'
				}
			}
		},
		methods: {
		
			taptiajiao() {
				if(this.form.idcard && this.form.true_name){
					this.http('user/idcard', {
						idcard: this.form.idcard,
						true_name: this.form.true_name
					}, 'post').then(res => {
						uni.redirectTo({
							url:"detail"
						})
					})
				}
			}
		}
	}
</script>

<style>
	.bg999 {
		background: #999;
	}
</style>